<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>老客户导入</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/>
    <meta http-equiv="Pragma" content="no-cache"/>
    <meta http-equiv="Expires" content="0"/>
    <link rel="shortcut icon" href="image/favicon.png">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="./css/light7.min.css">
    <link rel="stylesheet" href="css/cxvalidation.css">
    <link rel="stylesheet" href="css/public.css?v=201812102">
    <link rel="stylesheet" href="css/order-list.css?v=201812102">
    <link rel="stylesheet" href="css/customer-import.css?v=201812102">
</head>
<style>
    .contents{
        position: absolute;
        top: 2.2rem;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: auto;
    }

    .tab3_con{
        padding: 1rem;
    }

    .tab3_con p{
        font-size: 0.8rem;
        padding: 0.5rem 0;
    }

    .tab3_con span{
        font-weight: bold;
        font-size: 0.75rem;
    }

</style>
<body>
<div class="page-group">
    <div class="page page-current">
        <header class="bar bar-nav">
            <a class="button button-link button-nav pull-left back external is_first" href="javascript:redirect('import.html?ref=1')">
                返回
            </a>
            <h1 class='title'>老客户导入</h1>
        </header>
        <div class="contents">
            <div class="buttons-tab">
                <a href="#tab2" class="tab-link button active" data-type=0>初始水桶</a>
                <a href="#tab1" class="tab-link button" data-type=1>初始水票</a>
                <a href="#tab3" class="tab-link button tab_done" data-type=2 style="color:#f95050;">操作说明</a>
            </div>
            <div class="content-block">
                <div class="tabs">
                    <div id="tab2" class="tab active">
                        <form action="" id="form0" name="form0">
                            <div class="content-block">
                                <div  id="bucket-block"> </div>

                                <div class="bucket-box" style="border-bottom:.3rem solid #EFEFF4;border-top:.3rem solid #EFEFF4;" >
                                    <div class="bucket-content">
                                        <span>初始水桶品牌：</span>
                                        <input type="text" class='picker_0' id="bucket_category_id_value"
                                               placeholder="请选择水桶品牌"
                                               data-validation="required" data-validation-message="请选择初始水桶品牌" style="border:1px silver solid;border-radius:0.3rem;width:60%;"/>
                                        <input type="hidden" name="bucket_category_id" id="bucket_category_id" value="0">
                                        <!--<img class="bucket-img" src="image/jiao.png" alt="">-->
                                    </div>
                                    <div class="bucket-content" >
                                        <span>初始水桶数量：</span>
                                        <input  id="nums1"
                                                style="border:1px silver solid;border-radius:0.3rem;width:60%;"
                                                type="text" name="bucket_num" class='picker1' placeholder="请输入数量"
                                               data-validation="required,integer,min[1]" data-validation-message='{"required":"请填写初始水桶数量",
                                               "integer":"初始水桶数量必须是数字","min":"初始水桶数量不能小于1"}' style="border:1px silver solid;border-radius:0.3rem;width:60%;"/>
                                    </div>
                                </div>
                                <div class="bucket-box">
                                    <div class="bucket-content" >
                                        <span>自备水桶品牌：</span>
                                        <input type="text" class='picker_0_1' id="self_bucket_category_id_value"
                                               placeholder="请选择水桶品牌" data-validation="condRequired[self_bucket_num]"
                                               data-validation-message='{"condRequired":"请选择自备水桶品牌"}' style="border:1px silver solid;border-radius:0.3rem;width:60%;"/>
                                        <input type="hidden" name="self_bucket_category_id" id="self_bucket_category_id" value="0">
                                        <!--<img class="bucket-img" src="image/jiao.png" alt="">-->
                                    </div>
                                    <div class="bucket-content" >
                                        <span>自备水桶数量：</span>
                                        <input
                                                style="border:1px silver solid;border-radius:0.3rem;width:60%;"
                                                type="text" name="self_bucket_num" class='picker1' placeholder="请输入数量" id="self_bucket_num"
                                        data-validation="integer,min[0],condRequired[self_bucket_category_id_value]"
                                               data-validation-message='{"integer":"自备水桶数量必须是数字","min":"自备水桶数量不能小于0",
                                               "condRequired":"请填写自备水桶数量"}' style="border:1px silver solid;border-radius:0.3rem;width:60%;"/>
                                    </div>
                                </div>
                            </div>
                            <div class="position-bottom">
                                <p>
                                    <input class="button button-fill next-button external" type="submit" value="确认导入">
                                </p>
                            </div>
                        </form>
                    </div>
                    <div id="tab1" class="tab">
                        <form action="" id="form1">
                            <div class="content-block">
                                <div  id="bill-block"> </div>
                                <div class="bucket-box" style="border-top:0.3rem solid #EFEFF4;">
                                    <div class="bucket-content">
                                        <span>水票名称：</span>
                                        <input type="text" class='picker_1' style="border:1px silver solid;border-radius:0.3rem;width:67%;"
                                               id="waterbill_id_value" placeholder="请选择水票"
                                               data-validation="required" data-validation-message="请选择水票"/>
                                        <input type="hidden" name="waterbill_id" id="waterbill_id" value="0">
                                        <!--<img class="bucket-img" src="image/jiao.png" alt="" >-->
                                    </div>
                                    <div class="bucket-content" >
                                        <span>水票数量：</span>
                                        <input   id="nums"
                                                 style="border:1px silver solid;border-radius:0.3rem;width:67%;"
                                                 type="text" name="waterbill_num" class='picker1' placeholder="请输入数量"
                                                 data-validation="required,integer,min[1]"
                                                 data-validation-message='{"required":"请填写水票数量","integer":"水票数量必须是数字","min":"水票数量不能小于1"}'/>
                                    </div>
                                </div>
                            </div>
                            <div class="position-bottom">
                                <div class="to_bottom">
                                    <input class="button button-fill next-button external" type="submit" value="确认导入">
                                </div>
                            </div>
                        </form>
                    </div>
                    <div id="tab3" class="tab">
                        <div class="tab3_con">
                            <p><span>初始水桶：</span>本次送水回桶后，客户处水桶总数</p>
                            <p><span>初始水票：</span>本次送水回桶后，客户纸水票总数</p>
                            <p><span>初始自备桶：</span>合作之初归属客户自己的水桶数</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/html" id="bill_data">
    <div class="bucket-content">
        {{if member}}
        <p>
            <span>客户名称：</span>
            <input type="text" name="name" value="{{member.name}}" readonly="readonly"/>
        </p>
        <p>
            <span>客户电话：</span>
            <input type="text" name="mobile" value="{{member.mobile}}" readonly="readonly"/>
        </p>

        <p style="min-height:1.3rem;line-height:1.3rem;" >
            <span>客户地址：</span>
            <span style="margin-left:0.5rem; font-size:0.7rem;">{{member.area_info}} {{member.address}}</span>
        </p>

    {{if member.company_name.lenght>0 }}
        <p>
            <span>单位名称：</span>
            <input type="text" name="company_name" value="{{member.company_name}}" readonly="readonly"/>
        </p>
        {{/if}}
        {{/if}}
    </div>

</script>
<script type="text/html" id="bucket_data">
    <div class="bucket-content">
        <p>
            <span>客户名称：</span>
            <input type="text" name="name" value="{{member.name}}" readonly="readonly"/>

        </p>

        <p>
            <span>客户电话：</span>
            <input type="text" name="mobile" value="{{member.mobile}}" readonly="readonly"/>
        </p>

        <p>
            <span>客户地址：</span>
            <span style="margin-left:0.5rem;font-size:0.7rem;">{{member.area_info}} {{member.address}}</span>
        </p>

    {{if member.company_name.lenght>0 }}

        <div>
            <span>单位名称：</span>
            <input type="text" name="company_name" value="{{member.company_name}}" readonly="readonly"/>
        </div>
    </p>
    {{/if}}
    </div>
</script>
<script src="./js/jquery-3.2.1.min.js"></script>
<script src='./js/light7.js'></script>
<script src="./js/art-template.js"></script>
<script src="./js/cxvalidation.js"></script>
<script src="./js/config.js?v=201812102"></script>
<script src="./js/commen.js?v=201812102"></script>
<script src="./js/customer-import.js?v=201812102"></script>
</body>
</html>
